<template>

  <div class="info">

    <ComTable :propList="propList" :mockData="propList.mockData" :slotName="propList.slotName">
      <template v-slot:image="{row}">
        <div class="img">
          <!-- 我是图片数据？ -->
{{ row.id }}

        </div>
      </template>

      <template v-slot:Operations="row">
        <el-button size="small" @click="handleEdit(row)">
          修改
        </el-button>
        <el-button size="small" type="danger" @click="handleDelete(row)">
          删除
        </el-button>
      </template>



    </ComTable>
  </div>

</template>


<script setup>
import ComTable from "./com.vue";
import propList from "./prop";


const handleEdit=(row)=>{
console.log("添加删除显示数据");

}

const handleDelete=(row)=>{
  console.log("删除按钮点击，查看row数据");
  console.log(row);
  
}

</script>


<style lang="scss">
.info {

  margin: 40px;

  // width: 400px;
}

.img {

  border: 1px solid red;
  // width: 100px;
  // height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>